<html>
<head>
<style type="text/css">
body 
{
    margin: 0;
    padding: 0  0px;
    width: 250px;
    height: 200px;
}


</style>
<script src="silverlight.js" type="text/javascript"></script>
<script type="text/xaml" id="MSN_XAML_FLYOUT" >

<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="235" Height="196"
x:Name="root" RenderTransformOrigin="0.5,0.5" Background="Transparent" Canvas.Top="0" Canvas.Left="0">
<Canvas.Resources>

<Storyboard x:Name="BtnHoverIn" x:Key="BtnHoverIn" Completed="unlock">
    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>
    </DoubleAnimationUsingKeyFrames>
</Storyboard>

<Storyboard x:Name="ScrollTitle" x:Key="ScrollTitle" >
    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="FlyoutTitle" Storyboard.TargetProperty="(Canvas.Left)" RepeatBehavior="Forever" >
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:05.0000000" Value="150"/>
    </DoubleAnimationUsingKeyFrames>
    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="FlyoutTitle2" Storyboard.TargetProperty="(Canvas.Left)"  RepeatBehavior="Forever" >
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:05.0000000" Value="150"/>
    </DoubleAnimationUsingKeyFrames>
</Storyboard>

<Storyboard x:Name="Weather2Location" x:Key="Weather2Location" Completed="SearchBar_collapse">
    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="LocationSelection" Storyboard.TargetProperty="(Canvas.Top)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="-250"  KeySpline="0.1,0.7 0.7,0.9"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="24"  KeySpline="0.1,0.7 0.7,0.9"/>
    </DoubleAnimationUsingKeyFrames>
    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="WeatherDisplay" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0"/>
    </DoubleAnimationUsingKeyFrames>
    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="PreviewLink" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0"/>
    </DoubleAnimationUsingKeyFrames>
</Storyboard>

<Storyboard x:Name="Location2Weather" x:Key="Location2Weather" >
    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="LocationSelection" Storyboard.TargetProperty="(Canvas.Top)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="24"  KeySpline="0.1,0.7 0.7,0.9"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="-250"  KeySpline="0.1,0.7 0.7,0.9"/>
    </DoubleAnimationUsingKeyFrames>
    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="WeatherDisplay" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1"/>
    </DoubleAnimationUsingKeyFrames>
    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="PreviewLink" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1"/>
    </DoubleAnimationUsingKeyFrames>
</Storyboard>

</Canvas.Resources>


<Rectangle x:Name="FlyoutBg" Fill="#000000" Width="235" Height="196" RadiusX="10" RadiusY="10" />
<Rectangle x:Name="FlyoutBg_Refl" Width="235" Height="196" RadiusX="10" RadiusY="10">
    <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#00ffffff" Offset="0.504"/>
            <GradientStop Color="#33ffffff" Offset="1"/>
        </LinearGradientBrush>
    </Rectangle.Fill>
</Rectangle>

<Canvas x:Name="FlyoutBar">
    <Rectangle x:Name="FlyoutBar_bg" Width="236" Height="20" RadiusX="10" RadiusY="10">
        <Rectangle.Fill>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF000000" Offset="0.504"/>
                <GradientStop Color="#FF222222" Offset="1"/>
            </LinearGradientBrush>
        </Rectangle.Fill>
    </Rectangle>
    <Canvas x:Name="FlyoutTitleCanvas">
        <Canvas.Clip>
            <RectangleGeometry RadiusX="10" RadiusY="10" Rect="0,0 230,30"/>
        </Canvas.Clip>
        <TextBlock x:Name="FlyoutTitle" Foreground="#ffffffff" FontSize="12" Text="test" TextWrapping="NoWrap" />
        <TextBlock x:Name="FlyoutTitle2" Foreground="#ffffffff" FontSize="12" Text="test" TextWrapping="NoWrap" />
    </Canvas>
</Canvas>

<Canvas x:Name="FlyoutContent">
    
    <Image x:Name="FlyoutImage" Canvas.Top="35" Canvas.Left="5" Width="80" Source=""  />
    <Image x:Name="FlyoutImage_refl" Canvas.Top="115" Canvas.Left="5" Width="80" Source="" >
        <Image.RenderTransform>
            <ScaleTransform ScaleY="-1" />
        </Image.RenderTransform>
        <Image.OpacityMask>
            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
            <GradientStop Color="#00000000" Offset="0.0" />
            <GradientStop Color="#44FFFFFF" Offset="1.0" />
            </LinearGradientBrush>
        </Image.OpacityMask>
    </Image>
    <TextBlock x:Name="FlyoutDescription" Foreground="#ffffffff" Canvas.Top="30" Canvas.Left="90" Width="145" TextWrapping="Wrap" FontSize="9" Text="" Cursor="Hand" />
    
</Canvas>

<Canvas x:Name="PreviewLink"  Canvas.Top="175" Canvas.Left="90" >
        <Rectangle Name="PreviewLinkText_bg" Width="80" Height="15" RadiusX="2" RadiusY="2" Stroke="#ffd46d04" StrokeThickness="0.5" >
        <Rectangle.Fill>
        <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1" >
        <GradientStop Color="#FFfef3df" Offset="0"/>
        <GradientStop Color="#FFfca031" Offset="0.5"/>
        <GradientStop Color="#FFea7806" Offset="1"/>
        </LinearGradientBrush>
        </Rectangle.Fill>
        </Rectangle>
        <Path Canvas.Top="3" Canvas.Left="5" Stretch="Fill" Fill="#000" StrokeThickness="5" Data="M6,5 L1,10 1,1 z" Name="PreviewLinkPath" />
        <TextBlock Canvas.Top="1" Canvas.Left="12" Name="PreviewLinkText" Text=" " TextWrapping="Wrap" FontFamily="Trebuchet MS" Foreground="#f000" FontSize="11" Cursor="Hand" /> 
    </Canvas>


<Canvas x:Name="WeatherDisplay"  Visibility="Collapsed">

<Canvas x:Name="Weather_ChangeLocation"  Canvas.Top="175" Canvas.Left="10" MouseLeftButtonDown="WeatherChange" Cursor="Hand" >
    <Rectangle Name="WeatherChangeLocation_bg" Width="70" Height="15" RadiusX="2" RadiusY="2" Stroke="#ffd46d04" StrokeThickness="0.5" >
    <Rectangle.Fill>
    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1" >
    <GradientStop Color="#FFfef3df" Offset="0"/>
    <GradientStop Color="#FFfca031" Offset="0.5"/>
    <GradientStop Color="#FFea7806" Offset="1"/>
    </LinearGradientBrush>
    </Rectangle.Fill>
    </Rectangle>
    <TextBlock Canvas.Left="2" Name="WeatherChangeLocationText" Text=" " TextWrapping="Wrap" FontFamily="Trebuchet MS" Foreground="#f000" FontSize="11" Cursor="Hand" /> 
</Canvas>

<Canvas  x:Name="Forecast_Canvas" Cursor="Hand" Canvas.Top="30">
        <Canvas Width="57" Height="132" Canvas.Left="5" Canvas.Top="0" Background="#00000000" IsHitTestVisible="True" Cursor="Hand">
          <Rectangle Width="57" Height="132">
            <Rectangle.Stroke>
              <RadialGradientBrush>
                <RadialGradientBrush.RelativeTransform>
                  <TransformGroup>
                    <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.654" ScaleY="1.33"/>
                    <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                    <RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
                    <TranslateTransform X="-0.029" Y="0.003"/>
                  </TransformGroup>
                </RadialGradientBrush.RelativeTransform>
                <GradientStop Color="#FFFFFFFF" Offset="0"/>
                <GradientStop Color="#00FFFFFF" Offset="1"/>
              </RadialGradientBrush>
            </Rectangle.Stroke>
            <Rectangle.Fill>
              <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF000000" Offset="0"/>
                <GradientStop Color="#FF141414" Offset="1"/>
                <GradientStop Color="#FF353535" Offset="0.835"/>
              </LinearGradientBrush>
            </Rectangle.Fill>
          </Rectangle>
          <Image Source="" Width="50" Height="50" Canvas.Top="-4" Canvas.Left="2" x:Name="Day_0_SunMoonIcon">
            <Image.RenderTransform>
              <ScaleTransform x:Name="Day_0_SunMoonIcon_Rotation" ScaleX="1" ScaleY="1"/>
            </Image.RenderTransform>
          </Image>
          <Image Source="" Width="50" Height="50" Canvas.Top="-4" Canvas.Left="2" x:Name="Day_0_WeatherIcon"/>
          <Canvas Width="56" Height="26" Canvas.Left="2" Canvas.Top="104">
            <Canvas.Clip>
              <RectangleGeometry Rect="0,0 51,24"/>
            </Canvas.Clip>
            <TextBlock Width="56" Height="26" FontFamily="Arial" FontSize="9" Foreground="#FFFFFFFF" Opacity="0.5" x:Name="Day_0_Conditions"/>
          </Canvas>
          <TextBlock Width="50" Height="22" Canvas.Left="3" Canvas.Top="58" FontFamily="Arial" FontSize="18" Foreground="#FFFFFFFF" TextWrapping="NoWrap" x:Name="Day_0_Hi" />
          <TextBlock Width="50" Height="22" Canvas.Left="3" Canvas.Top="83" FontFamily="Arial" FontSize="14" Foreground="#7FFFFFFF" TextWrapping="NoWrap" x:Name="Day_0_Lo"/>
          <TextBlock Width="48" Height="16" Canvas.Left="3" Canvas.Top="44" FontFamily="Arial" FontSize="9" Foreground="#FFFFFFFF" TextWrapping="NoWrap" Opacity="0.5" x:Name="Day_0_Day"/>
        </Canvas>
        <Canvas Width="57" Height="132" Canvas.Left="63" Canvas.Top="0" Background="#00000000" IsHitTestVisible="True" Cursor="Hand" MouseLeftButtonDown="WeatherLocationForecast_OnMouseDown">
          <Rectangle Width="57" Height="132">
            <Rectangle.Fill>
              <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF000000" Offset="0"/>
                <GradientStop Color="#FF141414" Offset="1"/>
                <GradientStop Color="#FF353535" Offset="0.835"/>
              </LinearGradientBrush>
            </Rectangle.Fill>
            <Rectangle.Stroke>
              <RadialGradientBrush>
                <RadialGradientBrush.RelativeTransform>
                  <TransformGroup>
                    <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.654" ScaleY="1.33"/>
                    <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                    <RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
                    <TranslateTransform X="-0.029" Y="0.003"/>
                  </TransformGroup>
                </RadialGradientBrush.RelativeTransform>
                <GradientStop Color="#FFFFFFFF" Offset="0"/>
                <GradientStop Color="#00FFFFFF" Offset="1"/>
              </RadialGradientBrush>
            </Rectangle.Stroke>
          </Rectangle>
          <Image Source="" Width="50" Height="50" Canvas.Top="-4" Canvas.Left="2" x:Name="Day_1_SunMoonIcon">
            <Image.RenderTransform>
              <ScaleTransform x:Name="Day_1_SunMoonIcon_Rotation" ScaleX="1" ScaleY="1"/>
            </Image.RenderTransform>
          </Image>
          <Image Source="" Width="50" Height="50" Canvas.Top="-4" Canvas.Left="2" x:Name="Day_1_WeatherIcon"/>
          <Canvas Width="56" Height="26" Canvas.Left="3" Canvas.Top="104">
            <Canvas.Clip>
              <RectangleGeometry Rect="0,0 56,24"/>
            </Canvas.Clip>
            <TextBlock Width="56" Height="26" FontFamily="Arial" FontSize="9" Foreground="#FFFFFFFF" Opacity="0.5" x:Name="Day_1_Conditions"/>
          </Canvas>
          <TextBlock Width="50" Height="22" Canvas.Left="3" Canvas.Top="58" FontFamily="Arial" FontSize="18" Foreground="#FFFFFFFF" TextWrapping="NoWrap" x:Name="Day_1_Hi"/>
          <TextBlock Width="50" Height="22" Canvas.Left="3" Canvas.Top="83" FontFamily="Arial" FontSize="14" Foreground="#7FFFFFFF" TextWrapping="NoWrap" x:Name="Day_1_Lo"/>
          <TextBlock Width="48" Height="16" Canvas.Left="3" Canvas.Top="44" FontFamily="Arial" FontSize="9.5" Foreground="#FFFFFFFF" TextWrapping="NoWrap" Opacity="0.5" x:Name="Day_1_Day"/>
        </Canvas>
        <Canvas Width="57" Height="132" Canvas.Left="119" Canvas.Top="0" Background="#00000000" IsHitTestVisible="True" Cursor="Hand" MouseLeftButtonDown="WeatherLocationForecast_OnMouseDown">
          <Rectangle Width="57" Height="132">
            <Rectangle.Fill>
              <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF000000" Offset="0"/>
                <GradientStop Color="#FF141414" Offset="1"/>
                <GradientStop Color="#FF353535" Offset="0.835"/>
              </LinearGradientBrush>
            </Rectangle.Fill>
            <Rectangle.Stroke>
              <RadialGradientBrush>
                <RadialGradientBrush.RelativeTransform>
                  <TransformGroup>
                    <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.654" ScaleY="1.33"/>
                    <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                    <RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
                    <TranslateTransform X="-0.029" Y="0.003"/>
                  </TransformGroup>
                </RadialGradientBrush.RelativeTransform>
                <GradientStop Color="#FFFFFFFF" Offset="0"/>
                <GradientStop Color="#00FFFFFF" Offset="1"/>
              </RadialGradientBrush>
            </Rectangle.Stroke>
          </Rectangle>
          <Image Source="" Width="50" Height="50" Canvas.Top="-4" Canvas.Left="2" x:Name="Day_2_SunMoonIcon">
            <Image.RenderTransform>
              <ScaleTransform x:Name="Day_2_SunMoonIcon_Rotation" ScaleX="1" ScaleY="1"/>
            </Image.RenderTransform>
          </Image>
          <Image Source="" Width="56" Height="50" Canvas.Top="-4" Canvas.Left="2" x:Name="Day_2_WeatherIcon"/>
          <Canvas Width="56" Height="26" Canvas.Left="3" Canvas.Top="104">
            <Canvas.Clip>
              <RectangleGeometry Rect="0,0 56,24"/>
            </Canvas.Clip>
            <TextBlock Width="56" Height="26" FontFamily="Arial" FontSize="9" Foreground="#FFFFFFFF" Opacity="0.5" x:Name="Day_2_Conditions"/>
          </Canvas>
          <TextBlock Width="50" Height="22" Canvas.Left="3" Canvas.Top="58" FontFamily="Arial" FontSize="18" Foreground="#FFFFFFFF" TextWrapping="NoWrap" x:Name="Day_2_Hi"/>
          <TextBlock Width="50" Height="22" Canvas.Left="3" Canvas.Top="83" FontFamily="Arial" FontSize="14" Foreground="#7FFFFFFF" TextWrapping="NoWrap" x:Name="Day_2_Lo"/>
          <TextBlock Width="48" Height="16" Canvas.Left="3" Canvas.Top="44" FontFamily="Arial" FontSize="9.5" Foreground="#FFFFFFFF" TextWrapping="NoWrap" Opacity="0.5" x:Name="Day_2_Day"/>
        </Canvas>
        <Canvas Width="57" Height="132" Canvas.Left="175" Canvas.Top="0" Background="#00000000" IsHitTestVisible="True" Cursor="Hand" MouseLeftButtonDown="WeatherLocationForecast_OnMouseDown">
          <Rectangle Width="57" Height="132">
            <Rectangle.Fill>
              <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF000000" Offset="0"/>
                <GradientStop Color="#FF141414" Offset="1"/>
                <GradientStop Color="#FF353535" Offset="0.835"/>
              </LinearGradientBrush>
            </Rectangle.Fill>
            <Rectangle.Stroke>
              <RadialGradientBrush>
                <RadialGradientBrush.RelativeTransform>
                  <TransformGroup>
                    <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.654" ScaleY="1.33"/>
                    <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                    <RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
                    <TranslateTransform X="-0.029" Y="0.003"/>
                  </TransformGroup>
                </RadialGradientBrush.RelativeTransform>
                <GradientStop Color="#FFFFFFFF" Offset="0"/>
                <GradientStop Color="#00FFFFFF" Offset="1"/>
              </RadialGradientBrush>
            </Rectangle.Stroke>
          </Rectangle>
          <Image Source="" Width="50" Height="50" Canvas.Top="-4" Canvas.Left="2" x:Name="Day_3_SunMoonIcon">
            <Image.RenderTransform>
              <ScaleTransform x:Name="Day_3_SunMoonIcon_Rotation" ScaleX="1" ScaleY="1"/>
            </Image.RenderTransform>
          </Image>
          <Image Source="" Width="50" Height="50" Canvas.Top="-4" Canvas.Left="2" x:Name="Day_3_WeatherIcon"/>
          <Canvas Width="56" Height="26" Canvas.Left="5" Canvas.Top="104">
            <Canvas.Clip>
              <RectangleGeometry Rect="0,0 56,24"/>
            </Canvas.Clip>
            <TextBlock Width="56" Height="26" FontFamily="Arial" FontSize="9" Foreground="#FFFFFFFF" Opacity="0.5" x:Name="Day_3_Conditions"/>
          </Canvas>
          <TextBlock Width="50" Height="22" Canvas.Left="3" Canvas.Top="58" FontFamily="Arial" FontSize="18" Foreground="#FFFFFFFF" TextWrapping="NoWrap" x:Name="Day_3_Hi"/>
          <TextBlock Width="50" Height="22" Canvas.Left="3" Canvas.Top="83" FontFamily="Arial" FontSize="14" Foreground="#7FFFFFFF" TextWrapping="NoWrap" x:Name="Day_3_Lo"/>
          <TextBlock Width="48" Height="16" Canvas.Left="3" Canvas.Top="44" FontFamily="Arial" FontSize="9.5" Foreground="#FFFFFFFF" TextWrapping="NoWrap" Opacity="0.5" x:Name="Day_3_Day"/>
        </Canvas>
        <Canvas Width="55" Height="132" Canvas.Left="415" Canvas.Top="0" Background="#00000000" IsHitTestVisible="True" Cursor="Hand" MouseLeftButtonDown="WeatherLocationForecast_OnMouseDown">
          <Rectangle Width="64" Height="132">
            <Rectangle.Fill>
              <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF000000" Offset="0"/>
                <GradientStop Color="#FF141414" Offset="1"/>
                <GradientStop Color="#FF353535" Offset="0.835"/>
              </LinearGradientBrush>
            </Rectangle.Fill>
            <Rectangle.Stroke>
              <RadialGradientBrush>
                <RadialGradientBrush.RelativeTransform>
                  <TransformGroup>
                    <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.654" ScaleY="1.33"/>
                    <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                    <RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
                    <TranslateTransform X="-0.029" Y="0.003"/>
                  </TransformGroup>
                </RadialGradientBrush.RelativeTransform>
                <GradientStop Color="#FFFFFFFF" Offset="0"/>
                <GradientStop Color="#00FFFFFF" Offset="1"/>
              </RadialGradientBrush>
            </Rectangle.Stroke>
          </Rectangle>
          <Image Source="" Width="44" Height="44" Canvas.Left="10" x:Name="Day_4_SunMoonIcon">
            <Image.RenderTransform>
              <ScaleTransform x:Name="Day_4_SunMoonIcon_Rotation" ScaleX="1" ScaleY="1"/>
            </Image.RenderTransform>
          </Image>
          <Image Source="" Width="44" Height="44" Canvas.Left="10" x:Name="Day_4_WeatherIcon"/>
          <Canvas Width="54" Height="26" Canvas.Left="5" Canvas.Top="104">
            <Canvas.Clip>
              <RectangleGeometry Rect="0,0 51,24"/>
            </Canvas.Clip>
            <TextBlock Width="56" Height="26" FontFamily="Arial" FontSize="9" Foreground="#FFFFFFFF" Opacity="0.5" x:Name="Day_4_Conditions"/>
          </Canvas>
          <TextBlock Width="50" Height="22" Canvas.Left="8" Canvas.Top="58" FontFamily="Arial" FontSize="20" Foreground="#FFFFFFFF" TextWrapping="NoWrap" x:Name="Day_4_Hi"/>
          <TextBlock Width="50" Height="22" Canvas.Left="8" Canvas.Top="83" FontFamily="Arial" FontSize="14" Foreground="#7FFFFFFF" TextWrapping="NoWrap" x:Name="Day_4_Lo"/>
          <TextBlock Width="48" Height="16" Canvas.Left="8" Canvas.Top="44" FontFamily="Arial" FontSize="9.5" Foreground="#FFFFFFFF" TextWrapping="NoWrap" Opacity="0.5" x:Name="Day_4_Day"/>
        </Canvas>
        </Canvas>
        
</Canvas> <!-- END OF WeatherDisplay -->
        
    <Canvas Width="240" Height="228" x:Name="LocationSelection" Visibility="Collapsed" Canvas.Left="2" Canvas.Top="-220" Canvas.ZIndex="10">
        <Image Source="images/weather/shadow_Menu.png" x:Name="Shadow_Menu3" Width="536" Height="172" Canvas.Left="-20" Canvas.Top="10" Stretch="Fill"/>
         <Rectangle x:Name="LocationSelectionBg" Opacity="0.6" Width="230" Height="132" Canvas.Left="0" Canvas.Top="36">
          <Rectangle.Stroke>
            <RadialGradientBrush>
              <RadialGradientBrush.RelativeTransform>
                <TransformGroup>
                  <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.378" ScaleY="1.378"/>
                  <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                  <RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
                  <TranslateTransform X="0" Y="-0.004"/>
                </TransformGroup>
              </RadialGradientBrush.RelativeTransform>
              <GradientStop Color="#33FFFFFF" Offset="1"/>
              <GradientStop Color="#FFFFFFFF" Offset="0.357"/>
            </RadialGradientBrush>
          </Rectangle.Stroke>
          <Rectangle.Fill>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
              <GradientStop Color="#CC000000" Offset="0"/>
              <GradientStop Color="#CC121212" Offset="1"/>
              <GradientStop Color="#CC1E1E1E" Offset="0.741"/>
            </LinearGradientBrush>
          </Rectangle.Fill>
        </Rectangle>
        <Canvas Width="496" Height="23">
          <Canvas x:Name="FlyoutSearchBlock_Copy">
            <!-- SEARCH BUTTON -->
            <!-- END SEARCH BUTTON -->
            <!-- SEARCH BOX -->
            <Canvas x:Name="cnvTextBox1" Height="22" Width="220" Cursor="IBeam" Background="Transparent">
                <Canvas x:Name='cnvView1' Canvas.Top='2' Canvas.Left='5' Height="22">
                  <TextBox x:Name="WeatherSearchBox" Height="17" Width="210" FontSize="10" Padding="5,0,0,0" />
                  <TextBox x:Name="SearchBar_hidden" Height="0" Width="0" />
                </Canvas>
            </Canvas>
            <Canvas x:Name="cnvWeatherLocation" Width="50" Height="20" Canvas.Left="175" Cursor="Hand" >
              <Canvas.Resources>
                <Storyboard x:Name="sb_location_in">
                  <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="cnvSBDown1" Storyboard.TargetProperty="(UIElement.Opacity)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
                  </DoubleAnimationUsingKeyFrames>
                  <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="cnvSBRollover1" Storyboard.TargetProperty="(UIElement.Opacity)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Name="sb_location_out">
                  <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="cnvSBDown1" Storyboard.TargetProperty="(UIElement.Opacity)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00.3500000" Value="0"/>
                  </DoubleAnimationUsingKeyFrames>
                  <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="cnvSBRollover1" Storyboard.TargetProperty="(UIElement.Opacity)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00.3500000" Value="0"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Name="sb_location_down">
                  <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="cnvSBDown1" Storyboard.TargetProperty="(UIElement.Opacity)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00.0500000" Value="1"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Name="sb_location_up">
                  <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="cnvSBDown1" Storyboard.TargetProperty="(UIElement.Opacity)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00.2500000" Value="0"/>
                  </DoubleAnimationUsingKeyFrames>
                </Storyboard>
              </Canvas.Resources>
              <Canvas x:Name="cnvSBNormal1" Width="40" Height="18" Canvas.Top="3">
                <Rectangle x:Name="rectNormal1" RadiusX="2" RadiusY="2" Width="40" Height="14" Stroke="#FFFFFFFF" Opacity="1">
                  <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.487,0.032" StartPoint="0.487,0.968">
                      <GradientStop Color="#FFD0E2F0" Offset="0.507"/>
                      <GradientStop Color="#FFFFFFFF" Offset="0.532"/>
                      <GradientStop Color="#FFFFFFFF" Offset="0"/>
                      <GradientStop Color="#FFFFFFFF" Offset="1"/>
                    </LinearGradientBrush>
                  </Rectangle.Fill>
                </Rectangle>
              </Canvas>
              <Canvas x:Name="cnvSBRollover1" Width="40" Height="18" Opacity="0" Canvas.Top="3">
                <Rectangle x:Name="rectRollover1" RadiusX="2" RadiusY="2" Width="40" Height="14" Stroke="#FFFFFFFF" Opacity="1">
                  <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.487,0.032" StartPoint="0.487,0.968">
                      <GradientStop Color="#FFD0E2F0" Offset="0.507"/>
                      <GradientStop Color="#FFFFFFFF" Offset="0.532"/>
                      <GradientStop Color="#FFFF9044" Offset="0"/>
                      <GradientStop Color="#FFFFFFFF" Offset="1"/>
                    </LinearGradientBrush>
                  </Rectangle.Fill>
                </Rectangle>
              </Canvas>
              <Canvas x:Name="cnvSBDown1" Width="40" Height="18" Opacity="0" Canvas.Top="3">
                <Rectangle x:Name="rectDown1" RadiusX="2" RadiusY="2" Width="40" Height="14" Stroke="#FF4D4D4D" Opacity="1">
                  <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.487,0.032" StartPoint="0.487,0.968">
                      <GradientStop Color="#FF848484" Offset="0.507"/>
                      <GradientStop Color="#FF9F9F9F" Offset="0.532"/>
                      <GradientStop Color="#FF7E7E7E" Offset="0"/>
                      <GradientStop Color="#FFC5C5C5" Offset="1"/>
                    </LinearGradientBrush>
                  </Rectangle.Fill>
                </Rectangle>
              </Canvas>
              <TextBlock x:Name="txtLabel1" Canvas.Left="1" Canvas.Top="3" Height="15" FontFamily="Verdana" FontSize="11" Text="" TextWrapping="NoWrap" Foreground="#FF07519A"/>
            </Canvas>
            <!-- END SEARCH BOX-->
          </Canvas>
        </Canvas>
        <Canvas Width="230" Height="160" Canvas.Left="1" Canvas.Top="37" x:Name="cnvScroll1">
         <Canvas Width="17" Height="128" Canvas.Left="210" Canvas.Top="1" x:Name="cnvScroll2">
            <Canvas.Background>
              <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                <GradientStop Color="#FF000000" Offset="0"/>
                <GradientStop Color="#FF2E2E2E" Offset="0.415"/>
              </LinearGradientBrush>
            </Canvas.Background>
            <Canvas.OpacityMask>
              <RadialGradientBrush>
                <RadialGradientBrush.RelativeTransform>
                  <TransformGroup>
                    <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.957" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                    <RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
                    <TranslateTransform X="-0.772" Y="-0.001"/>
                  </TransformGroup>
                </RadialGradientBrush.RelativeTransform>
                <GradientStop Color="#FFFF0000" Offset="0"/>
                <GradientStop Color="#B2FF0000" Offset="1"/>
              </RadialGradientBrush>
            </Canvas.OpacityMask>
            <Canvas x:Name="ScrollArrowUp" Width="17" Height="13" Background="#00FFFFFF" Cursor="Hand">
              <Path Height="5" Width="9" Stretch="Fill" Opacity="1" Data="M 525,83 C525,83 521,88 521,88 521,88 529,88 529,88 529,88 525,83 525,83 z" Fill="#FFFFFFFF" Canvas.Left="4" Canvas.Top="4" />
            </Canvas>
            <Canvas x:Name="ScrollBar" Width="15" Height="100" Canvas.Top="13" Canvas.Left="0">
              <Rectangle x:Name="ScrollGripper" Width="15" Height="30" Fill="#FF888888" Stroke="#FFCCCCCC" RadiusX="2" RadiusY="2" Cursor="Hand">
                <Rectangle.OpacityMask>
                  <LinearGradientBrush EndPoint="0,0.5" StartPoint="1,0.5">
                    <GradientStop Color="#FFFF0000" Offset="0.482"/>
                    <GradientStop Color="#00FF0000" Offset="0.808"/>
                  </LinearGradientBrush>
                </Rectangle.OpacityMask>
              </Rectangle>
            </Canvas>
            <Canvas x:Name="ScrollArrowDown" Width="17" Height="13" Canvas.Left="0" Canvas.Top="118" Cursor="Hand">
              <Path Height="5" Width="9" Stretch="Fill" Opacity="1" Data="M 525,83 C525,83 521,88 521,88 521,88 529,88 529,88 529,88 525,83 525,83 z" Fill="#FFFFFFFF" RenderTransformOrigin="0.5,0.5" Canvas.Left="4" Canvas.Top="4" >
                <Path.RenderTransform>
                  <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="-1"/>
                  </TransformGroup>
                </Path.RenderTransform>
              </Path>
            </Canvas>
          </Canvas>
          
          <Canvas x:Name="ScrollContent" Width="210" Height="128" Canvas.Left="1" Canvas.Top="1" >
            <Canvas.Clip>
              <RectangleGeometry x:Name="ScrollClip" Rect="0,0,210,128" />
            </Canvas.Clip>
            <Canvas x:Name="WeatherContent" Width="474" Height="128" Canvas.Left="0" Canvas.Top="0"/>
          </Canvas>
        

        <Canvas Width="320" Height="34" Canvas.Left="0" Canvas.Top="-40">
          <TextBlock Canvas.Top="6" Cursor="IBeam" Canvas.Left="5" Width="320" Height="20" FontFamily="Arial" FontSize="12" Foreground="#FF999999" Text="" TextWrapping="Wrap" Opacity="1" x:Name="SearchForYourLocation"/>
          <TextBlock Width="320" Height="12" Canvas.Left="170" FontFamily="Arial" FontSize="10" Foreground="#FFFFFFFF" Text="[ abbrechen ]" TextWrapping="Wrap" Opacity="0.5" x:Name="Weather_CancelChangeLocation" MouseLeftButtonUp="WeatherChange" Cursor="Hand" Canvas.Top="25"/>
          <TextBlock Width="320" Height="12" FontFamily="Arial" FontSize="10" Foreground="#FFFFFFFF" Text="[ Standorte loeschen ]" TextWrapping="Wrap" Opacity="0.5" x:Name="Weather_ClearChangeLocation" MouseLeftButtonUp="WeatherChange" Cursor="Hand" Canvas.Top="25"/>
        </Canvas>
        </Canvas>
</Canvas>

<Canvas Name="PreviewCloseText" Canvas.Top="21" Canvas.Left="220" Width="10" Height="10" Cursor="Hand" MouseLeftButtonDown="closeFlyout" >
<Line X1="2" Y1="2" X2="8" Y2="8" Stroke="#ddd" StrokeThickness="0.5" Cursor="Hand" />
<Line X1="2" Y1="8" X2="8" Y2="2" Stroke="#ddd" StrokeThickness="0.5" Cursor="Hand" />
<Rectangle Height="10" Width="10" RadiusX="1" Fill="#03000000" RadiusY="1" Stroke="#ddd" Cursor="Hand" StrokeThickness="0.5" />
</Canvas>


<Canvas x:Name="WeatherLoading" Visibility="Collapsed" Canvas.ZIndex="12">
  <Canvas.Resources>
    <Storyboard x:Name="WeatherLoadingIn" x:Key="WeatherLoadingIn" Completed="loadedIn">
    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="WeatherLoading" Storyboard.TargetProperty="(UIElement.Opacity)">
    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
    <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1"/>
    </DoubleAnimationUsingKeyFrames>
    </Storyboard>

    <Storyboard x:Name="WeatherLoadingOut" x:Key="WeatherLoadingOut" Completed="loadedOut">
    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="WeatherLoading" Storyboard.TargetProperty="(UIElement.Opacity)">
    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
    <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
    </DoubleAnimationUsingKeyFrames>
    </Storyboard>
  </Canvas.Resources>
  
    <Rectangle Width="250" Height="200" Canvas.Top="0" Opacity="0.5" x:Name="WeatherLoadingBg" Visibility="Visible">
      <Rectangle.Fill>
        <RadialGradientBrush>
          <GradientStop Color="#FF000000" Offset="0"/>
        </RadialGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <TextBlock Foreground="#FFFFFFFF" Text="Wetter wird geladen.." x:Name="WeatherLoadingTxt" />
  </Canvas>

</Canvas>

</script>

<script type="text/javascript">



</script>

</head>
<body>
<g:background id="imgBackground" src="images\flyout-bg.png" />

<div id="FlyoutHostSL" style="position:absolute; top: 3px; left: 7px;"></div>



<script type="text/javascript">
var obj_host_flyout = document.getElementById("FlyoutHostSL");
Silverlight.createObjectEx({
    source: "#MSN_XAML_FLYOUT",
    parentElement: obj_host_flyout,
    id: "MSNSilverlightFlyout",
    properties: {
    background: "#00000000",
    width: "235",
    height: "195",
    version: "2.0",
    isWindowless: 'false'
    },
    events: {
        onLoad: System.Gadget.document.parentWindow.Flyout.init
    }
});

function closeFlyout(sender, eventArgs){
    System.Gadget.Flyout.show = false;
}

function openLink(sender, eventArgs){
    System.Gadget.document.parentWindow.Flyout.openLink(sender, eventArgs);
}

function WeatherChange(sender, eventArgs){
    System.Gadget.document.parentWindow.Weather.click_ChangeLocation(sender, eventArgs);
}

function loadedOut(sender, eventArgs){
    System.Gadget.document.parentWindow.loadedOut(sender, eventArgs);
}
</script>
</body>
</html>